<template>
	<section id="content">
		<!-- <img src="~path_img/z2.png" alt="" class="zhuanpan" @click="zhuanpan()" v-if="setting.zhuanpan_open"> -->
		<!-- <section class="top">
               <article>
                   <img src="~path_img/c1.png" alt="">
                   <p>{{$t('index.top[0]')}}<br/>{{$t('index.top[3]')}}</p>
               </article>
               <article>
                   <img :src="this.$https.baseUrl + setting.site_logo" alt="">
                   <p>{{setting.site_name}}{{$t('index.top[1]')}}</p>
                   <h6>
           			<span style="margin-right:10px;">LV:{{user.level}} </span>
                       <img src="~path_img/glod.png" alt="">
                       <span>{{user.money?user.money:0}}</span>
                   </h6>
               </article>
               <article>
                   <img src="~path_img/c2.png" alt="">
                   <p>{{$t('index.top[2]')}}<br>{{$t('index.top[3]')}}</p>
               </article>
           </section> -->
		<!-- <div class="topBoxTow">
			<router-link to="/zhuce" v-if="!token">
				<div class="leftBos">
					{{$t('h_title.zhuce')}} REGISTER
				</div>
			</router-link>
			<div class="leftBosdsf" v-if="token">
				<img :src="this.$https.baseUrl + setting.site_logo" alt="" style="width:50px;vertical-align: middle;">
			</div>
			<div class="rightBos">
				<div class="xiazaiBox" @click="onClickRideswf()">
					{{$t('newdasf.title[0]')}}
				</div>
				<div class="qiehuanyuyanBox">
					<img :src="require(''+'@/assets/images/'+ langImg +'.png'+'')" alt=""
						@click="yuyan_show = !yuyan_show">

					<div class="checklang" v-show="yuyan_show">
						<router-link to="" @click.native="zh" style="color: #fff;"><img src="~path_img/zh.png"
								alt=""></router-link>
						<router-link to="" @click.native="zhHK" style="color: #fff;"><img src="~path_img/zhHK.png"
								alt=""></router-link>
						<router-link to="" @click.native="en" style="color: #fff;"><img src="~path_img/en.png"
								alt=""></router-link>
					</div>
				</div>
			</div>
		</div> -->
		<!-- <div class="topBoxThree">
			<div class="gengduoImg" @click="showcell=true">
				<img src="../assets/img/gengduo.png" alt="">
			</div>
			<div class="logoImg">
				<img src="../assets/images/dylogo.png" alt="">
			</div>
			<div class="xiazaiImg" @click="onClickRideswf()">
				<img src="../assets/img/xiazai.gif" alt="">
			</div>
		</div> -->
		<topHeader></topHeader>

		<!-- <div class="topBox">
			<div class="sdahjTop">
				<div class="left">
					<div class="item">
						{{user.name?user.name:'请登录'}}
					</div>
					<div class="itemTow">
						<img src="~path_img/glod.png" alt="">
						<span>{{user.money?user.money:0.00}}</span>
					</div>
				</div>
				<div class="right">
					<router-link to="/recharge">
						<div class="item" style="color:#fff;">
							{{$t('index.top[4]')}}
						</div>
					</router-link>
					<router-link to="/exchange">
						<div class="item" style="color:#fff;">
							{{$t('index.top[5]')}}
						</div>
					</router-link>
					<div class="item">
						登录
					</div>
					<div class="item">
						注册
					</div>
				</div>
			</div>
			<img :src="this.$https.baseUrl + setting.site_logo" alt="" class="logoIndex">
		</div> -->
		<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
			<van-swipe-item v-for="item in banner_list" @click="goto(item.jumpurl)"><img :src="url + item.path" alt=""></van-swipe-item>
		</van-swipe>
		<div class="noticeBox">
			<div class="noticeBoxLeft">
				<img src="../assets/img/laba.png" alt="">
				<p>{{$t('newList.title137')}}</p>
			</div>
			<van-notice-bar left-icon="" @click="openMsg" :text="str_tongshi" color="#fff" class="tongzhi" />
			<!-- 图标：volume-o -->
		</div>
		<div class="dengluBox" v-if="!token">
			<router-link to="/login" class="dengluBoxLeft">
				<div class="dengluBoxLeft" style="width: 100%;">
					{{$t('h_title.login')}}
				</div>
			</router-link>
			<router-link to="/zhuce" class="dengluBoxRight">
				<div class="dengluBoxRight" style="width: 100%;">
					{{$t('h_title.zhuce')}}
				</div>
			</router-link>
		</div>


		<!-- 	<div class="ashdjk">
			<div class="leftdasa">
				<p>{{$t('newdasf.title[1]')}}</p>
				<p>HKD {{user.money?user.money:0.00}}</p>
				<p>{{$t('newdasf.title[2]')}}：<span>{{recharge_min}}</span></p>
				<p>{{$t('newdasf.title[3]')}}：<span>{{withdraw_min}}</span></p>
			</div>
			<router-link to="/login" v-if="!token">
				<div class="centersjhd">
					{{$t('h_title.login')}} LOGIN
				</div>
			</router-link>
			<div class="rightdsfd">
				<router-link to="/recharge">
					<div class="buttswadf dfeads">
						<p>
							{{$t('index.top[4]')}}<br />DEPOSIT
						</p>
					</div>
				</router-link>
				<router-link to="/exchange">
					<div class="buttswadf dfeadsTow">
						<p>
							{{$t('index.top[5]')}}<br />WITHDRAW
						</p>
					</div>
				</router-link>
			</div>
		</div> -->

		<!-- <img :src="require(''+'@/assets/images/'+ this.$i18n.locale +'.png'+'')" alt="" @click="yuyan_show = true" style="width:20%;float: left;padding:10px 20px"> -->
		<!-- <van-popup position="bottom" class="popou_class" style="height: 5.1rem">
			<router-link to="" @click.native="zh" style="color: #fff;"><img src="~path_img/zh.png"
					alt="">简体中文</router-link>
			<router-link to="" @click.native="zhHK" style="color: #fff;"><img src="~path_img/zhHK.png"
					alt="">繁体中文</router-link>
			<router-link to="" @click.native="en" style="color: #fff;"><img src="~path_img/en.png"
					alt="">English</router-link>
		</van-popup> -->
		<div class="dashjgfjh">
			<!-- <nav id="nav">
				<a href="javascript:;" @click="fun_nav(6)" :class="nav_index == 6?'on':''">
					<div>
						<svg viewBox="0 0 20.413 12.425" width="2em" height="2em" fill="currentColor" aria-hidden="true"
							focusable="false">
							<use :xlink:href="'/icon.svg#icon_game_menu_active_3--sprite'">
							</use>
						</svg>
					</div>
					{{$t('index.nav[5]')}}
				</a>
				<a href="javascript:;" @click="fun_nav(7)" :class="nav_index == 7?'on':''">
					<div>
						<svg viewBox="0 0 20.413 12.425" width="2em" height="2em" fill="currentColor" aria-hidden="true"
							focusable="false">
							<use :xlink:href="'/icon.svg#icon_game_menu_active_4--sprite'">
							</use>
						</svg>
					</div>
					真人
				</a>
				<a href="javascript:;" @click="fun_nav(9)" :class="nav_index == 9?'on':''">
					<div>
						<svg viewBox="0 0 20.413 12.425" width="2em" height="2em" fill="currentColor" aria-hidden="true"
							focusable="false">
							<use :xlink:href="'/icon.svg#icon_game_menu_active_5--sprite'">
							</use>
						</svg>
					</div>
					{{$t('index.nav[8]')}}
				</a>
				<a href="javascript:;" @click="fun_nav(10)" :class="nav_index == 10?'on':''">
					<div>
						<svg viewBox="0 0 20.413 12.425" width="2em" height="2em" fill="currentColor" aria-hidden="true"
							focusable="false">
							<use :xlink:href="'/icon.svg#icon_game_menu_active_2--sprite'">
							</use>
						</svg>
					</div>
					{{$t('index.nav[9]')}}
				</a>
			</nav> -->

			<section class="i-content" v-if="nav_index != 7">

				<a @click="open_url(item)" v-for="item in pg_list">
					<img src="../assets/img/gold.gif"
						:style="'height:100px;background:url('+item.gameSrc+');background-size: 72%;background-position: center center;background-repeat: no-repeat;border-radius:10px;'">
					<!-- <img :src="item.gameSrc" alt=""> -->
					<p>{{item.gameName}}</p>
				</a>


			</section>
			<section class="i-content" v-if="nav_index == 7">
				<a @click="iframe_s('JOKER', 1, 'JOKER',6,'',4)">
					<img src="../assets/game/jokerfish.png" alt="">
				</a>
			</section>
			<section class="i-content" v-else-if="nav_index == 7">
				<!-- <a  @click="iframe_s('SEXY',1,'SEXY')"><img :src="this.$https.baseUrl + 'new/img/img/ae.png'" alt=""></a>
					<a  @click="iframe_s('EVO',1,'EVO')"><img :src="this.$https.baseUrl + 'new/img/leyu/evo.png'" alt=""></a>
					<a  @click="iframe_s('DG',1,'DG')"><img :src="this.$https.baseUrl + 'new/img/img/dg.png'" alt=""></a>
					<a  @click="iframe_s('WM',1,'WM')"><img :src="this.$https.baseUrl + 'new/img/leyu/wm.png'" alt=""></a> -->
				<a @click="iframe_s('DG', 1, 'DG')"><img src="../assets/game/dg.png" alt="" /></a>
				<a @click="iframe_s('WM', 1, 'WM')"><img src="../assets/game/wm.png" alt="" /></a>
				<a @click="iframe_s('DCT', 1, 'DCT','','220000')"><img src="../assets/game/evo.png" alt="" /></a>
				<!-- <a href="javascript:;"  @click="iframe_s('DCT', 1, 'DCT','','120000')">
					<img :src="this.$https.baseUrl + 'new/img/img/evoss.png'" alt="">
				</a> -->
				<!-- <a  @click="iframe_s('DG', 1, 'DG')"><img :src="this.$https.baseUrl + 'new/img/img/dgss.png'"alt="" /></a> -->
				<!-- <a  @click="iframe_s('AWC', 1, 'AWC')"><img :src="this.$https.baseUrl + 'new/img/img/sess.png'"alt="" /></a> -->
				<!-- <a href="javascript:;" style="width: 100%;" @click="iframe_s('WM', 1, 'WM','','')">
					<img :src="this.$https.baseUrl + 'new/img/img/wmss.png'" alt="">
				</a> -->
				<!-- <a  @click="iframe_s('IBO', 1, 'IBO')"><img :src="this.$https.baseUrl + 'new/img/img/obzr.png'" alt="" /></a> -->

				<!-- <a  @click="iframe_s('OGPlus', 1, 'OGPlus')"><img :src="this.$https.baseUrl + 'new/img/img/og.png'" alt="" /></a> -->


				<!-- <a  @click="iframe_s('IBO',1,'IBO')"><img :src="this.$https.baseUrl + 'new/img/img/ibo.png'" alt=""></a>

					<a  @click="iframe_s('OGPlus',1,'OGPlus')"><img :src="this.$https.baseUrl + 'new/img/img/og.png'" alt=""></a> -->

				<!-- <a href="javascript:;" style="width: 100%;" @click="iframe_s('DCT', 1, 'DCT','','120000')">
					<img :src="this.$https.baseUrl + 'new/img/img/ezugi.png'" alt="">
				</a> -->

			</section>
			<section class="i-content" v-else-if="nav_index == 8">
				<!-- <a  @click="iframe_s('KY',1,'KY')"><img :src="this.$https.baseUrl + 'new/img/img/KY.png'" alt=""></a>
					<a  @click="iframe_s('LEG',1,'LEG')"><img :src="this.$https.baseUrl + 'new/img/leyu/leg.png'" alt=""></a>
					<a  @click="iframe_s('KX',1,'KX')"><img :src="this.$https.baseUrl + 'new/img/img/KX.png'" alt=""></a>
			        <a  @click="iframe_s('NW',1,'NW')"><img :src="this.$https.baseUrl + 'new/img/img/XSJ.png'" alt=""></a> -->
				<!-- <a  @click="iframe_s('XSJ', 1, 'XSJ')"><img :src="this.$https.baseUrl + 'new/img/img/XSJ.png'"
						alt="" /></a> -->
				<!-- <a  @click="iframe_s('KX', 1, 'KX')"><img :src="this.$https.baseUrl + 'new/img/img/KX.png'" alt="" /></a> -->
				<!-- <a  @click="iframe_s('IMCG', 1, 'IMCG')"><img :src="this.$https.baseUrl + 'new/img/img/IM.png'"
						alt="" /></a>
				<a  @click="iframe_s('IMCG', 1, 'IMCG')"><img src="../assets/zhenren/70.jpg"
						alt="" /></a> -->
				<!-- <a  @click="iframe_s('KY', 1, 'KY')"><img :src="this.$https.baseUrl + 'new/img/img/KY.png'" alt="" /></a> -->

				<!-- <a  @click="iframe_s('IMCG',1,'IMCG')"><img :src="this.$https.baseUrl + 'new/img/img/IM.png'" alt=""></a> -->

			</section>
			<section class="i-content" v-else-if="nav_index == 9">
				<a @click="iframe_s('CMD',1,'CMD')"><img src="../assets/game/cmd.png"></a>
				<!-- <a  @click="iframe_s('UG',1,'UG')"><img :src="this.$https.baseUrl + 'new/img/img/UG.png'"
						alt=""></a>
				<a  @click="iframe_s('UG',1,'UG')"><img src="../assets/zhenren/5111.png"
						alt=""></a> -->
				<!-- <a  @click="iframe_s('SABA',1,'SABA')"><img :src="this.$https.baseUrl + 'new/img/leyu/hg.png'" alt=""></a> -->

				<!-- <a  @click="iframe_s('HG',1,'HG')"><img :src="this.$https.baseUrl + 'new/img/leyu/hg.png'" alt=""></a>
			        <a  @click="iframe_s('SBO',1,'SBO')"><img :src="this.$https.baseUrl + 'new/img/leyu/sbo.jpg'" alt=""></a> -->
			</section>
			<section class="i-content" v-else-if="nav_index == 10">
				<a @click="iframe_s('JOKER1',1,'JOKER1',6)"><img src="../assets/game/joker.png" alt=""></a>
				<!-- <a  @click="iframe_s('JOKER1',1,'JOKER1',6)"><img :src="this.$https.baseUrl + 'new/img/img/jokerby.png'" alt=""></a> -->
				<!-- <a  @click="iframe_s('PS',1,'PS','redirect')"><img
						:src="this.$https.baseUrl + 'new/img/img/psby.png'" alt=""></a>
				<a  @click="iframe_s('YL',1,'YL','redirect')"><img
						:src="this.$https.baseUrl + 'new/img/img/ylby.png'" alt=""></a> -->
			</section>
		</div>

		<section class="gold px-3">
			<div class="dsfdsf">
				<div class="num ng-star-inserted">8</div>
				<div class="num ng-star-inserted">8</div>
				<div class="num ng-star-inserted">4</div>
				<div class="num ng-star-inserted">7</div>
				<div class="num ng-star-inserted">0</div>
				<div class="num ng-star-inserted">1</div>
				<div class="num ng-star-inserted">9</div>
				<div class="num ng-star-inserted">5</div>
				<div class="num ng-star-inserted">4</div>
			</div>
		</section>

		<div class="sdfadsBox" style="display:none;">
			<div class="indexTopBox">
				<img src="../assets/img/jackpot_left.png" alt="">
				{{$t('newList.title138')}}
				<img src="../assets/img/jackpot_left.png" alt="">
			</div>
			<div class="indexListBox">
				<vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp">
					<div class="table_inner_body">
						<div class="table_tr" v-for="(item,index) in 10" :key="index">
							<div class="tr1">
								<img src="../assets/tarbar/3.png" alt="">
							</div>
							<div class="tr2">
								<p>Chi***7</p>
								<p>Just won<span class="money">154873</span></p>
								<p>in<span class="game-name">Ali quán ba quán ba</span></p>
							</div>
						</div>
					</div>
				</vue-seamless-scroll>
			</div>
		</div>


		<div class="footBotBox">
			<img src="../assets/img/footer.png" alt="">
		</div>


		<bottom></bottom>
		<van-popup v-model="show" class="iframe_alert">
			<h5>{{$t('index.youxi[0]').replace('show_title','PG')}}</h5>
			<div class="sfgfs">
				<article class="top1daf">
					<p>{{$t('index.youxi[1]')}}：{{user.money}}</p>
					<span @click="zijihuishou" v-if="huishou_type == 0">{{$t('erduzhuanhuan.zijinhuishou')}}</span>
					<span v-else>{{$t('index.youxi[2]')}}</span>
				</article>
				<article class="top1daf">
					<input type="number" :placeholder="$t('index.youxi[3]')" v-model="money">
					<span @click="quanbu">{{$t('index.youxi[4]')}}</span>
				</article>
				<article class="top3daf">
					<span @click="jinruyouxi">{{$t('index.youxi[5]')}}</span>
					<span @click="jinruyouxi_liji">{{$t('index.youxi[6]')}}</span>
				</article>
				<article class="top1ddsadf">
					<span>{{$t('newList.title139')}}</span>
					<!-- 	<span v-if="beitips == 1">注意：1X倍場遊戲 每註/每局免費遊戲无封顶限制 </span>
					<span v-if="beitips == 2">注意：2X倍場遊戲 每註/每局免費遊戲
						賠付上限為2.5萬分=5萬元整（超過上限之金額歸平台所有），任何人士進入遊戲等於接受本條款。</span>
					<span v-if="beitips == 5">注意：5X倍場遊戲 每註/每局免費遊戲
						賠付上限為1.5萬分=7.5萬元整（超過上限之金額歸平台所有），任何人士進入遊戲等於接受本條款。</span>
					<span v-if="beitips == 10">注意：10X倍場遊戲 每註/每局免費遊戲
						賠付上限為1萬分=10萬元整（超過上限之金額歸平台所有），任何人士進入遊戲等於接受本條款。 </span> -->
				</article>
			</div>
		</van-popup>
		<!-- 	<van-popup v-model="show" class="iframe_alert">
			<h5>{{$t('index.youxi[0]').replace('show_title',show_title)}}</h5>
			<div class="sfgfs">
				<article class="top1daf">
					<span @click="zijihuishou" v-if="huishou_type == 0">{{$t('erduzhuanhuan.zijinhuishou')}}</span>
					<span v-else>{{$t('index.youxi[2]')}}</span>
					<p>{{$t('index.youxi[1]')}}：{{user.money}}</p>
				</article>
				<article class="top1daf">
					<span @click="quanbu">{{$t('index.youxi[4]')}}</span>
					<input type="number" :placeholder="$t('index.youxi[3]')" v-model="money">
				</article>
				<article class="top3daf">
					<span @click="jinruyouxi">{{$t('index.youxi[5]')}}</span>
					<span @click="jinruyouxi_liji">{{$t('index.youxi[6]')}}</span>
				</article>
			</div>
		</van-popup> -->

		<van-popup v-model="show2" class="iframe_alert" v-if="show_title=='JOKER'">
			<h5>{{show_title}}</h5>
			<article class="top3 top4">

				<span @click="bei=2;iframe_s2('JOKER', 1, 'JOKER',6,'',4);">x2</span>
				<span @click="bei=3;iframe_s2('JOKER', 1, 'JOKER',6,'',4);">x3</span>
			</article>
			<article class="top3 top4">

				<span @click="bei=2;iframe_s2('JOKER', 1, 'JOKER',6,'',4);">x5</span>
				<span @click="bei=2;iframe_s2('JOKER', 1, 'JOKER',6,'',4);">x10</span>
			</article>
			<article class="top3 top4">

				<span @click="bei=2;iframe_s2('JOKER', 1, 'JOKER',6,'',4);">x20</span>
				<span @click="bei=2;iframe_s2('JOKER', 1, 'JOKER',6,'',4);">x30</span>
			</article>
		</van-popup>
		<!-- 	<van-popup v-model="show2" class="iframe_alert" v-if="show_title!='JOKER'">
			<h5>{{show_title}}</h5>
			<article class="top3 top4">
				<span @click="iframe_s2(1)">x1</span>
				<span @click="iframe_s2(2)">x2</span>
			</article>
			<article class="top3 top4">
				<span @click="iframe_s2(3)">x3</span>
				<span @click="iframe_s2(5)">x5</span>
			</article>
		</van-popup> -->

		<van-popup v-model="show2" class="iframe_alert" v-if="show_title!='JOKER'">
			<h5>PG</h5>
			<article class="top3 top4">
				<span @click="iframe_s2(2)">x2</span>
				<span @click="iframe_s2(3)">x3</span>
			</article>
			<article class="top3 top4">
				<span @click="iframe_s2(5)">x5</span>
				<span @click="iframe_s2(10)">x10</span>
			</article>
		</van-popup>
		<!-- 侧边栏 -->
		<van-popup v-model="showcell" position="left" :style="{width: '65%',height: '100%', background: '#222' }">
			<div class="dsfdsfbox">
				<div class="fanhuianniu" @click="showcell=false">
					<img src="../assets/img/jiantou.svg" alt="">
				</div>
				<div class="cellButBox">
					<div class="cellButBoxIt">
						{{$t('newCellList.title1')}}
					</div>
					<div class="cellButBoxIt">
						{{$t('newCellList.title2')}}
					</div>
				</div>
				<div class="shijianBox">
					<p>02/07/2024 01:43:41 (GMT-4)</p>
					<p>02/07/2024 12:43:41 (GMT+7)</p>
				</div>
			</div>
			<div class="cellListBox">
				<div class="cellListBoxIt">
					<img src="../assets/img/4.png" alt="">
					<p>{{$t('newCellList.title3')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/5.png" alt="">
					<p>{{$t('newCellList.title4')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/5.png" alt="">
					<p>{{$t('newCellList.title5')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/6.png" alt="">
					<p>{{$t('newCellList.title6')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/7.png" alt="">
					<p>{{$t('newCellList.title7')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/13.png" alt="">
					<p>{{$t('newCellList.title8')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/8.png" alt="">
					<p>{{$t('newCellList.title9')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/9.png" alt="">
					<p>{{$t('newCellList.title10')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/10.png" alt="">
					<p>{{$t('newCellList.title11')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/11.png" alt="">
					<p>{{$t('newCellList.title12')}}</p>
				</div>
				<div class="cellListBoxIt">
					<img src="../assets/img/12.png" alt="">
					<p>{{$t('newCellList.title13')}}</p>
				</div>
			</div>
		</van-popup>
		<van-popup v-model="gonggao" class="iframe_alert">
			<h5>{{$t('h_title.msgTow')}}</h5>
			<div class="sfgfs" v-html="str_tongshi" style="background:#ffffff;padding:10px;font-size:16px;min-height:230px;">
				
			</div>
		</van-popup>
		<iframe_alt :show="iframe_show" :type="iframe_type" :src="iframe_src" @close="close"></iframe_alt>
		<iframe_alt :show="iframe_showTow" :type="1" :src="iframe_srcTow" @close="closeTow"></iframe_alt>

		<section id="vp_alert" class="erji_alert" v-if="vp_show">
			<section class="erji_alert_close" @click="vp_show = false">关闭</section>
			<section class="erji_alert_section_z">
				<section v-for="item2 in vp_data" class="erji_alert_section"
					@click="iframe_s('VP', 1, 'VP','',item2.id)">
					<span>{{item2.name}}</span>
					<img :src="item2.img">
				</section>
			</section>
		</section>

		<section id="dct_alert" class="erji_alert" v-if="dct_show">
			<section class="erji_alert_close" @click="dct_show = false">关闭</section>
			<section class="erji_alert_section_z">
				<section v-for="item2 in dct_data" class="erji_alert_section"
					@click="iframe_s2('DCT', 1, 'DCT','',item2.id)">
					<span>{{item2.name}}</span>
					<img :src="item2.img" style="width: 100%; height:200px;">
				</section>
			</section>
		</section>

		<section id="sky_alert" class="erji_alert" v-if="sky_show">
			<section class="erji_alert_close" @click="sky_show = false">关闭</section>
			<section class="erji_alert_section_z">
				<section v-for="item2 in sky_data" class="erji_alert_section"
					@click="iframe_s('SKY', 1, 'SKY','',item2.id)">
					<span>{{item2.name}}</span>
					<img :src="item2.img">
				</section>
			</section>
		</section>
	</section>

	<!-- </div> -->
</template>

<script>
	import Bottom from "@/components/bottom"
	import topHeader from "@/components/topHeader"
	import vueSeamlessScroll from 'vue-seamless-scroll'
	import {
		Swipe,
		SwipeItem,
		NoticeBar,
		Popup,
		Dialog
	} from 'vant'
	import iframe_alt from "@/components/iframe_alt"
	export default {
		name: "index",
		components: {
			Bottom,
			[Swipe.name]: Swipe,
			[SwipeItem.name]: SwipeItem,
			[NoticeBar.name]: NoticeBar,
			[Popup.name]: Popup,
			[Dialog.name]: Dialog,
			vueSeamlessScroll,
			iframe_alt,
			topHeader
		},
		data() {
			return {
				gonggao: true,
				show: false,
				show_title: '',
				huishou_type: 0,
				nav_index: 1,
				refreshing: false,
				token: false,
				banner_list: [],
				str_tongshi: '',
				srcoll_list: [],
				classOption: {
					step: 0.5
				},
				iframe_show: false,
				iframe_src: '',
				iframe_srcTow: "",
				iframe_type: '',
				user: {},
				money: '',
				id: 0,
				api: {},
				setting: {},
				url: this.$https.baseUrl,
				yuyan_show: false,
				vp_show: false,
				vp_data: [],
				dct_data: [],
				dct_show: false,
				sky_show: false,
				sky_data: [],
				new_src: '',
				dct_type: '',
				beichang: 0,
				title_old: '',
				bei: 2,
				beitips: 2,
				show2: false,
				iframe_showTow: false,
				x2: true,
				langImg: "",
				withdraw_min: 0,
				recharge_min: 0,
				showcell: false,
				status: false,
				pg_list: [],
				gameId: '',
				listData: [{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
					{
						'title': 'Chi***7',
						'date': '2017-12-16',
						'test': '测试',
						'test2': '测试2',
						'test3': '测试3'
					},
				]
			}
		},
		methods: {
			goto(url=""){
				if(url){
					console.log(url)
					this.iframe_src = url
					this.iframe_type = 1
					this.iframe_show = true
				}
			},
			open_url(item) {
				this.show2 = true;
				this.show_title = 'PG';
				this.gameId = item.gameId;
				// let src = this.$https.baseUrl + '/game/playGame?plat_type=PG_1&game_type=&token=' + JSON.parse(window
				// 	.localStorage.getItem("vuex")).token + "&game_id=" + game_id;
				// this.iframe_src = src
				// this.iframe_type = 1
				// this.iframe_show = true
			},
			weihu() {
				alert('稍后开放')
			},
			click_sky(str) {
				this.sky_show = true;
				this.sky_data = [];
				this.$https.fetchGet2('/member/new_gamelist_sky?type=sky&provider=' + str, {}).then((res) => {
					this.sky_data = res.Data;
				})
			},
			click_dct(str) {
				this.dct_show = true;
				this.dct_data = [];
				this.dct_type = str;
				this.$https.fetchGet2('/member/new_gamelist_dct?type=dct&provider=' + str, {}).then((res) => {
					this.dct_data = res.Data;
				})
			},
			onClickRideswf() { ///右上下载app
				location.href = this.$store.state.config.app_link
			},
			click_vp(str) {
				this.vp_show = true;
				this.vp_data = [];
				this.$https.fetchGet2('/member/new_gamelist_vp?type=vp&provider=' + str, {}).then((res) => {
					this.vp_data = res.Data;
				})
			},
			openMsg() {
				this.$router.push('/msg')
			},
			zhuanpan() {
				this.tongzhi()
				let src = this.$https.baseUrl + 'm/zhuanpan?token=' + JSON.parse(window.localStorage.getItem("vuex")).token
				this.iframe_src = src
				this.iframe_type = 1
				this.iframe_show = true
			},
			userinfo() {
				this.$https.fetchGet('/m/personal', {}).then(res => {
					let data = res.data
					this.$store.commit('user', data.member)
					this.user = data.member
					this.setting = data.setting
					this.api = data.api_mod
					this.banner_list = data.banners
					this.str_tongshi = data.system_notices.content + '        線上人數' + parseInt(Math.random() *
						10000, 10)
					this.srcoll_list = data.srcoll_list
					this.recharge_min = data.setting.recharge_min
					this.withdraw_min = data.setting.withdraw_min
				})
			},
			sysconfig() {
				this.$https.fetchPost('/m/config', {}).then((res) => {
					let data = res.data;
					this.banner_list = data.banners
					this.str_tongshi = data.system_notice.content + '        線上人數' + parseInt(Math.random() *
						10000, 10)
					this.recharge_min = data.recharge_min
					this.withdraw_min = data.withdraw_min
					this.$store.commit('config', res.data)
				})
			},
			iframe_a(src = '') {
				// this.show = true
				this.iframe_src = src
				this.iframe_type = 1
				this.iframe_show = true
			},
			iframe_s(id, type, title, redirect = '', game_id = "", beichang = '') {
				if (!this.token) {
					this.$router.push('/login');
					return;
				}
				this.id = id;

				if (beichang) {

					this.show2 = true;
					this.show_title = title
					return;
				}
				for (var i = 0; i < this.api.length; i++) {
					if (this.api[i].api_name == id) {
						this.id = this.api[i].id
					}
				}
				this.$https.fetchGet_chonghui('/api/check', {
					'api_name': id,
					game_id: game_id
				}, false).then(res => {})
				this.money = '';
				this.show_title = title
				this.show = true
				var u = navigator.userAgent;
				var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
				if (isAndroid && title.search("JOKER") != -1) {
					var src = this.$https.baseUrl + '/m/app_login?url=%2Fgame%2FplayGame%3Fplat_type%3D' + title +
						'%26game_type%3D2%26devices%3D1&code=' + title + '&token=' + JSON.parse(window.localStorage
							.getItem("vuex")).token

				} else {
					var src = this.$https.baseUrl + '/game/playGame?plat_type=' + title + '&game_type=' + redirect +
						'&token=' + JSON.parse(window.localStorage.getItem("vuex")).token + "&game_id=" + game_id
				}


				this.gameurl = src
				this.iframe_type = type
			},
			iframe_s2(id, aaa = '', bbb = '', ccc = '', game_id = "", beichang = '') {
				if (!this.token) {
					this.$router.push('/login');
					return;
				}
				this.id = 'PG';
				this.show_title = 'PG'
				this.beitips = id;
				this.bei = id;

				for (var i = 0; i < this.api.length; i++) {
					if (this.api[i].api_name == this.id + '_' + this.bei && (this.id).search("JOKER") == -1) {
						this.id = this.api[i].id;
					} else if (this.api[i].api_name == this.id + this.bei && (this.id).search("JOKER") != -1) {
						this.id = this.api[i].id;
					}
				}
				console.log(id, this.api, this.id);
				let title = this.show_title + '_' + this.bei;
				let type = this.show_type;
				let redirect = this.show_redirect;
				if (title.indexOf("JOKER") != -1) {
					title = title.replace("_", "");
				}
				this.$https
					.fetchGet_chonghui("/api/check", {
						api_name: title,
						game_id: this.gameId
					}, false)
					.then((res) => {});

				this.money = "";
				var u = navigator.userAgent;
				var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1;
				if (isAndroid && title.search("JOKER") != -1) {
					var src = this.$https.baseUrl + '/m/app_login?url=%2Fgame%2FplayGame%3Fplat_type%3D' + title +
						'%26game_type%3D2%26devices%3D1&code=' + title + '&token=' + JSON.parse(window.localStorage
							.getItem("vuex")).token
				} else {
					if (ccc) {
						redirect = ccc;
					}
					var src = this.$https.baseUrl + '/game/playGame?plat_type=' + title + '&game_type=' + redirect +
						'&token=' + JSON.parse(window.localStorage.getItem("vuex")).token + "&game_id=" + this.gameId
				}
				this.iframe_src = src;
				this.gameurl = src;
				// if (id == 1 || id == 2) {
				this.show = true;
				// } else {
				// 	this.iframe_type = 1;
				// 	this.iframe_show = true;
				// 	// this.iframe_type = type;
				// }
			},
			close() {

				this.iframe_show = false;
				this.iframe_src = '';
				this.show2 = false;
			},
			closeTow() {
				this.iframe_showTow = false
			},
			onRefresh() {
				this.$toast(this.$t('common.shuaxin'));
				this.onLoad()
				//这里写加载
			},
			onLoad() {
				if (this.refreshing) {
					this.list = [];
					this.refreshing = false;
					return;
				}
			},
			fun_nav(int) {
				this.nav_index = int
				if (int == 1) {
					this.bei = 2;
				}
				if (int == 2) {
					this.bei = 3;
				}
				if (int == 3) {
					this.bei = 5;
				}
				if (int == 4) {
					this.bei = 10;
				}
				if (int == 5) {
					this.bei = 20;
				}
				if (int == 6) {
					this.bei = 30;
				}
				if (int == 7) {
					this.x2 = true
				} else if (int == 6 || int == 8 || int == 9 || int == 10 || int == 11 || int == 12 || int == 13) {
					this.x2 = false
				}
			},
			zijihuishou() {
				this.huishou_type = 1
				this.$https.fetchPost('/member/transfer_all', {}).then(res => {
					this.userinfo();
					this.huishou_type = 0
				}).catch(err => {
					this.$toast('网络异常');
				})
				// this.$toast('资金回收')
				// setTimeout(res => {
				//     this.huishou_type = 0
				// },1500)
			},
			jinruyouxi() {
				console.log(this.gameurl);
				// this.iframe_src = this.gameurl;
				this.iframe_type = 1;
				this.iframe_show = true;
				// this.iframe_src = this.gameurl;
				// this.iframe_show = true
			},
			jinruyouxi_liji() {

				if (this.money > 0) {
					this.$https.fetchPost('/member/transfer', {
						'money': this.money,
						'transfer_type': 0,
						'account1': '1',
						'account2': this.show_title + '_' + this.bei,
						'dct_type': this.dct_type
					}).then(res => {
						if (res.status.errorCode == 0) {
							this.userinfo()
							this.iframe_type = 1;
							this.iframe_show = true;
						} else {
							this.$toast(res.data.status.msg);
						}
						console.log(res);
					})
				} else {
					this.iframe_type = 1;
					this.iframe_show = true;
				}
				// this.iframe_src = this.gameurl;
				// this.iframe_show = true
			},
			quanbu() {
				this.money = this.user.money;
				// this.$toast('全部')
			},
			zh() {
				this.$store.commit('i18n', 'zh')
				this.$i18n.locale = 'zh'
				this.langImg = this.$i18n.locale;
				localStorage.setItem("lang", 'zh')
				this.yuyan_show = false;
				this.$https.fetchGet('/m/login_status', {}).then(res => {
					if (res.status.errorCode == 0) {
						this.user = {}
						this.setting = {}
						this.api = {}
						this.banner_list = []
						this.str_tongshi = ""
						this.userinfo();
						this.token = true;
					} else {
						this.banner_list = []
						this.str_tongshi = ""
						this.sysconfig();
						this.token = false;
					}
				}).catch(err => {
					console.log(111);
				})
			},
			zhHK() {
				this.$store.commit('i18n', 'zhHK')
				this.$i18n.locale = 'zhHK'
				this.langImg = this.$i18n.locale;
				this.yuyan_show = false
				localStorage.setItem("lang", 'zhHK')
				this.$https.fetchGet('/m/login_status', {}).then(res => {
					if (res.status.errorCode == 0) {
						this.user = {}
						this.setting = {}
						this.api = {}
						this.banner_list = []
						this.str_tongshi = ""
						this.userinfo();
						this.token = true;
					} else {
						this.banner_list = []
						this.str_tongshi = ""
						this.sysconfig();
						this.token = false;
					}
				}).catch(err => {
					console.log(111);
				})
			},
			en() {
				this.$store.commit('i18n', 'en')
				this.$i18n.locale = 'en';
				this.langImg = this.$i18n.locale;
				localStorage.setItem("lang", 'en')
				this.yuyan_show = false
				this.$https.fetchGet('/m/login_status', {}).then(res => {
					if (res.status.errorCode == 0) {
						this.user = {}
						this.setting = {}
						this.api = {}
						this.banner_list = []
						this.str_tongshi = ""
						this.userinfo();
						this.token = true;
					} else {
						this.banner_list = []
						this.str_tongshi = ""
						this.sysconfig();
						this.token = false;
					}
				}).catch(err => {
					console.log(111);
				})
			},
			tongzhi() {
				this.$https.fetchGet('m/tongzhi', {}, false).then(res => {})
			}
		},
		mounted() {
			var that = this;
			if (!localStorage.getItem("lang")) {
				this.langImg = this.$i18n.locale;
			} else {
				this.langImg = localStorage.getItem("lang");
			}
			that.sysconfig();
			this.$https.fetchGet('/m/login_status', {}).then(res => {
				if (res.status.errorCode != 1) {
					that.userinfo();
					this.token = true;
				} else {

					this.token = false;
				}
			}).catch(err => {
				console.log(111);
			})

			this.$https.fetchGet2('game/pg_list', {}).then((res) => {
				this.pg_list = res.Data;

			})
		},
		computed: {
			optionHover() {
				return {
					step: 0.5, // 数值越大速度滚动越快
					limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.length
					hoverStop: true, // 是否开启鼠标悬停stop
					direction: 1, // 0向下 1向上 2向左 3向右
					openWatch: true, // 开启数据实时监控刷新dom
					singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
					singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
					waitTime: 1000, // 单步运动停止的时间(默认值1000ms)

				};
			},

		}
	}
</script>

<style scoped lang="less">
	.dashjgfjh {
		// display: flex;
		// justify-content: space-between;
		width: 100%;
		padding: 0px 10px 0px 0px;
		box-sizing: border-box;
	}

	.erji_alert {
		position: fixed;
		width: 100%;
		height: 100vh;
		left: 0;
		top: 0;
		z-index: 2000;
		background-color: #fff;
		overflow-y: auto;

		.erji_alert_close {
			font-size: .36rem;
			color: #666;
			padding: 0.3rem 0.3rem 0;
			text-align: right;
		}

		.erji_alert_section_z {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 0 .4rem;

			.erji_alert_section {
				width: 49%;

				span {
					font-size: .36rem;
				}

				img {
					width: 100%;
					height: 4rem;
				}
			}
		}

	}

	.zhuanpan {
		position: fixed;
		right: 10px;
		top: 110px;
		width: 100px;
		z-index: 9;
		padding: 20px;
		animation: jump 1.5s ease infinite;
	}

	@keyframes jump {
		0% {
			transform: translateY(0) scale(1, 1);
		}

		/* 中间状态图片位移并且拉伸 */
		50% {
			transform: translateY(-50px) scale(0.97, 1.03);
		}

		100% {
			transform: translateY(0) scale(1, 1);
		}
	}

	#content {
		.top {
			padding: .2rem 0;
			display: flex;

			&>article {
				width: 33%;
				color: #fff;
				font-size: .26rem;

				&>img {
					// width: 1.3rem;
					height: 1rem;
				}

				&>p {}

				&>h6 {
					padding-top: .1rem;
					display: flex;
					align-items: center;
					justify-content: center;

					&>img {
						width: .46rem;
						margin-right: .2rem;
					}

					&>span {
						font-weight: normal;
						font-size: .36rem;
					}
				}
			}

			&>article:nth-child(2) {
				width: 36%;
			}

		}

		.my-swipe {
			margin-bottom: 0px;
			padding-bottom: 0px;

			img {
				width: 100%;
			}
		}


		#navTow {
			display: flex;
			justify-content: space-between;
			/* 设置超出滚动 */
			overflow-x: auto;
			padding: 5px 0px 0px 10px;


			a {
				box-sizing: border-box;
				width: 90%;
				text-align: center;
				text-align-last: center;
				height: auto;
				padding-left: 0;
				min-width: unset;
				display: block;
				color: #1c1c1c;
				font-weight: bold;
				font-size: 16px;
				position: relative;
				transition: all 0.3s;
				border-radius: 8px;
				// margin: 0 auto;
				height: 70px;
				margin-right: 10px;
				border: 1px solid #ffc93e;
				border-radius: 15px;

				img {

					// width: 40px;
					// filter: grayscale(1) contrast(1.4) brightness(0.7) sepia(1) hue-rotate(207deg);
					// margin-top: 20px;
				}

				p {
					text-align: center;
					margin: 0;
					color: #fff;
					font-weight: 500;
					font-size: 12px;
					text-wrap: nowrap;
				}

				.icons {
					width: auto !important;
					position: initial !important;
					height: 70px !important;
					// filter: brightness(1.2) grayscale(1) !important;
				}
			}

			@keyframes multiplyEffect {
				0% {
					opacity: .3;
					height: 24px;
				}

				15% {
					opacity: 1;
					height: 26px;
				}

				30% {
					opacity: 1;
					height: 26px;
				}

				100% {
					opacity: 1;
					height: 24px;
				}
			}

			a.on {
				img {
					// width: 50px;
					// filter: grayscale(0) contrast(1.2) drop-shadow(0 0 4px #7fd0ff);
					// margin-top: 20px;
				}

				.icons {
					width: auto !important;
					position: initial !important;
					height: 70px !important;
					// filter: brightness(1.3) grayscale(0) drop-shadow(0 0 4px #a6e1ff) !important;
					// animation: multiplyEffect 0.5s ease-in-out !important;
				}
			}
		}

		#nav {
			width: 24%;
			padding: 0px 0px 0px 10px;
			// display: flex;
			// flex-wrap: wrap;
			// justify-content: space-between;

			a {
				display: block;
				width: 100%;
				font-size: .36rem;
				color: #fff;
				background-color: #272224;
				padding: .2rem;
				box-sizing: border-box;
				margin-bottom: 5px;

				&.on {
					background: url("~path_img/btn-s.png") center no-repeat;
					background-size: cover;
				}
			}
		}

		.video {
			width: 100%;
			height: 5.2rem;

			video {
				width: 100%;
				height: 5.2rem;
			}
		}

		.i-scrill {
			text-align: left;
			height: 6rem;
			overflow: hidden;

			p {
				padding: .2rem .5rem;
				font-size: .4rem;
				color: #e7ce5f;

				span {
					color: rgb(184, 0, 0)
				}
			}
		}

		.i-content {
			// height: 10.6rem;
			overflow-y: auto;
			width: 100%;
			padding: 0 0px 0px 8px;
			// padding-bottom: 2rem;

			//后加
			display: flex;
			flex-wrap: wrap;
			// justify-content: space-between;
			margin-top: 10px;

			p {
				color: #fff;
				font-size: 13px;
				text-align: center;
			}

			a {
				/*background-image: url('../../src/assets/images/gamebg.jpg');*/
				background-size: 100% 100%;
				display: block;
				font-size: 10px;
				// border: 2px solid #ffc93e;
				border-radius: 15px;
				overflow: hidden;
				// background-color: #fff;
				// margin-bottom: 0.1rem;
				position: relative;
				width: 32%;
				// width: 100%;

				margin: 0px 0 10px;

				// margin-bottom: -.05rem;
				img {
					width: 100%;
					height: 110px !important;
				}

				.nabs {
					position: absolute;
					width: 70px;
					height: 62px;
					bottom: 0px;
					right: 0px;

					.img1 {
						width: 100%;
						height: 62px !important;
						mix-blend-mode: plus-lighter;
						filter: brightness(2) blur(0px);
					}

					@keyframes float2 {
						0% {
							transform: translateY(0px);
						}

						50% {
							transform: translateY(-5px);
						}

						100% {
							transform: translateY(0px);
						}
					}

					.img2 {
						position: absolute;
						width: 50px;
						height: 32.5px !important;
						padding: 5px;
						top: 15.5px;
						right: 7.8px;
						animation: float2 6s ease-in-out infinite;
						filter: brightness(1.5) drop-shadow(3px 6px 4px #0000008d);
					}
				}
			}

			a:nth-child(3n-1) {
				margin: 0 6px 10px;
			}
		}

		.iframe_alert {
			width: 94%;
			background-color: #edeef0;
			border-radius: .2rem;

			&>h5 {
				background: linear-gradient(to bottom, #ffd800 0%, #fbc504 100%);
				color: #fff;
				font-size: .42rem;
				line-height: 1.2rem;
			}

			&>article {
				padding: .3rem .4rem;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.top1 {
				p {
					color: #333333;
					font-size: .4rem;
				}

				span {
					// background: linear-gradient(to bottom, #689dbf 0%, #0c2b3a 100%);
					font-size: .3rem;
					color: #fff;
					border-radius: 3px;
					line-height: .9rem;
					width: 2.1rem;
				}
			}

			.top2 {
				input {
					width: 65%;
					font-size: .4rem;
					line-height: .8rem;
					border: none;
					padding: 0 .2rem;
				}

				span {
					background: linear-gradient(to bottom, #de0b0b 0%, #520511 100%);
					border-radius: 3px;
					font-size: .42rem;
					border-radius: 3px;
					color: #fff;
					width: 1.3rem;
					line-height: .9rem;
					width: 2.1rem;
				}
			}

			.top3 {
				justify-content: center;

				span {
					background: linear-gradient(to bottom, #fdcb46 0%, #fbc504 100%);
					font-size: .4rem;
					border-radius: 3px;
					line-height: 1.1rem;
					text-align: center;
					width: 44%;
					margin: 0 3%;
					color: linear-gradient(to bottom, #a70707 0%, #50030f 100%);
					color: #fff;

					&:last-child {
						background: linear-gradient(to bottom, #fdcb46 0%, #fbc504 100%);
						color: #fff;
					}
				}
			}


			.sfgfs {
				width: 100%;
				// height: 190px;
				background-image: url('../assets/images/pupbg.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				padding-top: 15px;

				.top1daf {
					width: 90%;
					border: 1px solid #fbbb28;
					border-radius: 5px;
					height: 35px;
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin: 0px auto 15px;
					font-size: 18px;

					span {
						display: block;
						width: 80px;
						height: 33px;
						background-color: #fabb28;
						border-radius: 5px;
						color: #333;
						text-align: center;
						line-height: 35px;
						font-size: 15px
					}

					p {
						padding-left: 10px;
						box-sizing: border-box;
						color: #fff;
						line-height: 35px;
					}

					input {
						width: 65%;
						font-size: 14px;
						line-height: 35px;
						border: none;
						background: none;
						color: #fff;
						padding: 0 10px;
					}

					::-webkit-input-placeholder {
						/* WebKit browsers，webkit内核浏览器 */
						color: #fff;
					}

					:-moz-placeholder {
						/* Mozilla Firefox 4 to 18 */
						color: #fff;
					}

					::-moz-placeholder {
						/* Mozilla Firefox 19+ */
						color: #fff;
					}

					:-ms-input-placeholder {
						/* Internet Explorer 10+ */
						color: #fff;
					}
				}

				.top1ddsadf {
					color: #fff;
					text-align: center;
					padding: 5px 10px 10px;
					font-size: 13px;
				}

				.top3daf {
					justify-content: center;
					display: flex;
					align-items: center;

					span {
						background: linear-gradient(to bottom, #a70707 0%, #50030f 100%);
						font-size: .4rem;
						border-radius: 3px;
						line-height: 38px;
						display: block;
						text-align: center;
						width: 38%;
						margin: 0 3%;
						color: linear-gradient(to bottom, #a70707 0%, #50030f 100%);
						color: #fff;

						&:last-child {
							background: linear-gradient(to bottom, #a70707 0%, #50030f 100%);
							color: #fff;
						}
					}
				}
			}

		}
	}

	.popou_class {
		border-radius: 5px 5px 0 0;
		background-color: rgba(255, 255, 255, .8);
		padding: .5rem;
		height: 8.3rem;

		a {
			display: block;
			font-size: .34rem;
			line-height: 1.3rem;
			background-color: rgba(0, 0, 0, .8);
			margin-bottom: .2rem;
			border-radius: 5px;

			img {
				width: .8rem;
				position: relative;
				top: .1rem;
				margin-right: .3rem;
			}
		}
	}

	.topBoxTow {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 7px 10px;

		.leftBos {
			width: 150px;
			height: 35px;
			background-image: url('../../src/assets/images/zhuce.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			// background: linear-gradient(45deg, #fecb38, #fbc635);
			text-align: center;
			line-height: 35px;
			color: #000;
			font-size: 15px;
			font-weight: 600;
			border-radius: 5px;
		}


		.rightBos {
			display: flex;
			align-items: center;

			.xiazaiBox {
				width: 80px;
				height: 40px;
				background: #403f40;
				text-align: center;
				line-height: 40px;
				color: #f0c76f;
				font-size: 17px;
				font-weight: 600;
				border-radius: 5px;
			}

			.qiehuanyuyanBox {
				height: 30px;
				position: relative;

				img {
					width: 30px;
					height: 30px;
					border-radius: 50%;
					margin-left: 10px;
				}
			}
		}
	}

	.ashdjk {
		width: 100%;
		padding: 5px 10px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.leftdasa {
			p {
				margin: 3px 0px;
			}

			text-align: left;
			font-size: 10px;
			color: #777;

			span {
				color: #c3c3c3;
			}

			p:nth-child(2) {
				font-size: 16px;
				color: #facb35;
			}
		}

		.centersjhd {
			width: 120px;
			height: 40px;
			text-align: center;
			line-height: 40px;
			color: #fff;
			font-size: 16px;
			background-image: url('../../src/assets/images/denglu.png');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			border-radius: 3px;
		}

		.rightdsfd {
			.buttswadf {
				width: 115px;
				height: 30px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				color: #fff;
				justify-content: flex-end;
				font-size: 10px;
				margin-bottom: 5px;
				// border: 1px solid #facb35;
				border-radius: 4px;

				// img {
				// 	width: 25px;
				// 	height: 25px;
				// 	margin-right: 5px;
				// }

				p {
					width: 60%;
					text-align: center;
				}
			}

			.dfeads {
				background-image: url('../../src/assets/images/chongzhi.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
				margin-bottom: 10px;
			}

			.dfeadsTow {
				background-image: url('../../src/assets/images/tixian.png');
				background-repeat: no-repeat;
				background-size: 100% 100%;
			}
		}
	}

	.topBox {
		width: 100%;
		position: relative;

		.logoIndex {
			position: absolute;
			top: 10px;
			left: 10px;
			width: 50px;
			height: 50px;
		}

		.sdahjTop {
			width: 100%;
			padding-left: 60px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 40px;
			color: #fff;

			.left {
				display: flex;
				align-items: center;

				.item {
					border: 1px solid #292929;
					height: 19px;
					border-radius: 19px;
					background: #000000;
					line-height: 19px;
					text-align: center;
					font-size: 12px;
					min-width: 60px;
				}

				.itemTow {
					display: flex;
					align-items: center;
					border: 1px solid #292929;
					height: 19px;
					border-radius: 19px;
					background: #000000;
					line-height: 19px;
					font-size: 12px;
					margin-left: 10px;
					min-width: 60px;

					img {
						width: 20px;
						height: 20px;
						margin-right: 10px;
					}
				}
			}

			.right {
				display: flex;
				align-items: center;
				font-size: 13px;

				.item {
					margin-right: 5px;
					width: 36px;
					height: 22px;
					text-align: center;
					line-height: 22px;
					border-radius: 2px;
					background-image: linear-gradient(to right, rgb(126, 17, 22), rgb(55, 16, 17));
				}
			}
		}
	}

	.checklang {
		position: absolute;
		top: 40px;
		left: -2px;
		background-color: #000;
		z-index: 1;
		padding: 10px;
		padding-left: 0;
		border-radius: 5px;
	}

	.topBoxThree {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px 10px;
		box-sizing: border-box;

		.bar {
			.text-2xl {
				font-size: 1.5rem;
			}

			.fa-bars:before {
				content: "\f0c9";
			}
		}

		.gengduoImg {
			width: 21px;
			height: 24px;

			img {
				width: 100%;
				height: 100%;
			}
		}

		.logoImg {
			width: 100px;
			height: 40px;

			img {
				width: 100%;
				height: 100%;
			}
		}

		.xiazaiImg {
			width: 35px;
			height: 35px;

			img {
				width: 100%;
				height: 100%;
			}
		}
	}

	.noticeBox {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0px 4px;
		box-sizing: border-box;

		.noticeBoxLeft {
			width: 17%;
			display: flex;
			align-items: center;

			img {
				width: 25px;
				height: 16px;
			}

			p {
				font-size: 12px;
				color: #ffc93e;
			}
		}

		.tongzhi {
			width: 83%;
			background-color: #222222;
			color: #fff;
			font-size: 12px;
			height: 30px;
			padding: 0px 0px;
			box-sizing: border-box;
		}
	}

	.dengluBox {
		width: 95%;
		margin: 2px auto;
		border: 1px solid #ffc93e;
		display: flex;
		font-size: 15px;
		font-weight: 600;
		align-items: center;

		.dengluBoxLeft {
			width: 50%;
			text-align: center;
			color: #ffc93e;
			height: 38px;
			line-height: 38px;
			background: linear-gradient(#383838, #131313);
		}

		.dengluBoxRight {
			width: 50%;
			text-align: center;
			color: #000;
			position: relative;
			height: 38px;
			line-height: 38px;
			z-index: 999;
		}

		.dengluBoxRight:before {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			width: 118%;
			z-index: -1;
			height: 100%;
			background: linear-gradient(125deg, transparent 25px, #ffc93e 0);
		}
	}

	.footBotBox {
		width: 100%;
		padding-bottom: 70px;

		img {
			width: 100%;
		}
	}

	.gold {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 135px;
		background: no-repeat center / contain;
		animation: blink .5s infinite;

		.dsfdsf {
			margin-left: 21px;
		}

		.num {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			height: 36px;
			color: #000;
			font-size: 20px;
			font-weight: 700;
			width: 27px;
			color: #000;
			margin-top: 48px;
			margin-left: 0px;
		}
	}

	@keyframes blink {
		0% {
			background-image: url('../assets/img/jackpot_bg.png');
		}

		50% {
			background-image: url('../assets/img/jackpot_bg2.png');
		}

		100% {
			background-image: url('../assets/img/jackpot_bg.png');
		}
	}

	.px-3 {
		padding-left: .75rem;
		padding-right: .75rem;
	}

	.sdfadsBox {
		width: 100%;

		.indexTopBox {
			display: flex;
			align-items: center;
			justify-content: space-between;
			color: #fff;
			font-weight: 600;
			width: 95%;
			margin: 30px auto 25px;
			font-size: 15px;

			img {
				width: 35%;
				height: 11px;
			}

			img:nth-child(2) {
				transform: rotate(180deg);
			}
		}

		.indexListBox {
			width: 85%;
			margin: 30px auto;
			height: 350px;
			overflow: hidden;

			.table_inner_body {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;

				.table_tr {
					width: 50%;
					display: flex;
					align-items: center;
					margin: 10px 0 5px;
				}

				.tr1 {
					width: 45px;
					height: 45px;
					margin-right: 10px;

					img {
						width: 45px;
						height: 45px;
					}
				}

				.tr2 {

					p {
						text-align: left;
						font-size: 12px;
						color: #fff;
					}

					.money {
						color: #f49623;
					}

					.game-name {
						color: red;
					}
				}

			}

		}
	}

	.dsfdsfbox {
		width: 100%;
		background: #303030;
		padding: 10px 0px;
		box-sizing: border-box;

		.fanhuianniu {
			width: 100%;
			text-align: right;

			img {
				margin-right: 10px;
				margin-top: 10px;
			}
		}

		.cellButBox {
			width: 100%;
			padding: 10px 5px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.cellButBoxIt {
				width: 49%;
				height: 20px;
				line-height: 20px;
				font-size: 13px;
				color: #fed700;
				border: 1px solid #fed700;
				border-radius: 5px;
				text-align: center;
			}
		}

		.shijianBox {
			width: 100%;
			margin: 0px 0px 0;

			p {
				font-size: 12px;
				color: #fff;
				margin: 5px 0px 0;
			}
		}
	}

	.cellListBox {
		width: 100%;

		.cellListBoxIt {
			width: 100%;
			padding: 10px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #fff;

			img {
				width: 25px;
				height: 23px;
				margin-right: 10px;
			}

			p {
				font-size: 15px;
				color: #fff;
				text-align: left;
			}
		}
	}
</style>
<style>
	.van-swipe__indicators {
		display: none;
	}
</style>